<!DOCTYPE html>
<html>
<head>
	<title>我的书架·忆书</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="yes" name="apple-touch-fullscreen">
	<meta content="telephone=no,email=no" name="format-detection">
	<link rel="stylesheet" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/normalize.css?edition={$edition}" type="text/css">
	<link rel="stylesheet" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/book.css?edition={$edition}" type="text/css">
	<link rel="stylesheet" type="text/css" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/tipdisapply.css?edition={$edition}">
	<link rel="stylesheet" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/small_page.css?edition={$edition}" type="text/css">
	<link rel="stylesheet" href="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/css/gongyong.css?edition={$edition}" type="text/css">
	<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/jisuan.js"></script>
	<script type="text/javascript" src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/js/jquery-1.7.2.min.js"></script>
	<link rel="stylesheet" type="text/css" href="../css/foot.css"/>
	<style type="text/css">
	html,body{
			width:100%;
			height:100%;
			background-color: #FFFFFF;
		}
		.main{
			width:100%;
			height:auto;
			padding-bottom: 1.6rem;
			position: relative;
		}
		.photos{
			width:100%;
			height:100%;
			position: fixed;
			z-index:9999;
			bottom: 0;
			left:0;
		}
		.photo_container{
			width:200px;
			height:120px;
			background:#fff;
			position: absolute;
			z-index:9999;
			top:50%;
			left:50%;
			margin-left:-100px;
			margin-top:-30%;
			border-radius: 5px;
		}
		.photo_zhao{
			width:100%;
			height:100%;
			background:#9D9D9D;
			opacity: 0.5;
		}
		.photo_top{
			width:100%;
			height:69px;
			border-bottom: 1px solid #ddd;
			color:#9D9D9D;
			line-height: 70px;;
			text-align: center;
		}
		.photo_left{
			width:99px;
			height:50px;
			border-right: 1px solid #ddd;
			line-height: 50px;
			text-align: center;
			color:#9D9D9D;
			float: left;
		}
		.photo_right{
			border-right:0;
		}
		.photo_color{
			color:#0e8ee7;
		}
		.return_center{
			margin-right: 0.8rem;
		}
		.return_left {
			float: left;
		}
		.return_center_color{
			opacity: 0.6;
		}
		.uploadimg{
			position:relative;
			margin-top:-15%;
		}
		.imgbox1 {
			    width: 2.8rem;
			    height: 1.96rem;
			    position: absolute;
			    top: 1.9rem;
			    left: 0.25rem;
				overflow: hidden;
				background-color: #fff;
		}
		.imgbox1>img{
			    position: absolute;
			    height: 100%;
			    left: 50%;
			    top: 0;
			    transform: translate(-50%);
		}
		.imgbox2 {
			    width: 2.38rem;
			    height: 2.38rem;
			    position: absolute;
			    top: 1.4rem;
			    left: 0.46rem;
			    overflow: hidden;
			background-color: #fff;
		}
		.imgbox2>img{ 	
			/*方图*/
			position: absolute;
			height: 100%;
			width: 100%;
			left: 50%;
			top: 0;
			transform: translate(-50%);
		}
		.imgbox3 {
			width: 2.4rem;
		    height: 3.2rem;
		    position: absolute;
		    top: 0.9rem;
		    left: 0.35rem;
			overflow: hidden;
			background-color: #fff;
		}
		.look_tutorial{
			width: 3.053333rem;
			height: 0.826667rem;
			border-radius: 0.053333rem;
			float: right;
			margin-left: 1rem;
		}
		.readme{
			text-align: right;
			color: rgb(106,106,106);
			font-size: 0.32rem;
		}
		.shape_0{ 	/*长图	width/height	*/
			position: absolute;
			height: 100%;
			left: 50%;
			top: 0;
			transform: translate(-50%);
		}
		.shape_1{ 	/*方图*/
			position: absolute;
			height: 100%;
			width: 100%;
			left: 50%;
			top: 0;
			transform: translate(-50%);
		}
		.shape_2{ 	/*横图*/
			position: absolute;
			width: 100%;
			left: 0;
			top: 50%;
			transform: translate(0,-50%);
		}
		
		.nobuy{
			float: left;
		}
		.beijin>img{
			width: 100%;
			height: 120%;
			margin-top: 10%;
			
		}
		.container{
			background-color: #FFFFFF;
		}
		.bullet1{
			display: none;
			position: absolute;
			width: 8rem;
			height: 3rem;
			border-radius: 0.5rem;
			background-color: #FFFFFF;
			z-index: 1000;
			top:50%;
			margin-left: 1rem;
		}
		.bullet-text {
			width: 100%;
			font-size: 18px;
			text-align: center;
			line-height: 2rem;
		}
		.bullet-quxiao,.bullet-queding{
			position: absolute;
			width: 2.5rem;
			height: 0.8rem;
			font-size: 16px;
			text-align: center;
			background-color: #ecd53A;
			border-radius: 0.41333rem;
			margin-left: 10%;
			line-height: 0.8rem;
			color: #FFFFFF;
		}
		.bullet-queding {
			right: 10%;
			background-color: #87e1d5;
		}
		.shade{
			position:absolute;
			display: none;
/*			bottom: 0rem;*/
			width: 100%;
			height: 100%;
			background-color: #000000;
		   opacity: 0.5;
			z-index: 100;
		}
		.zong{
			position: relative;
			height: 100%;
			z-index: 90;
			margin-top: 0;
		}
		section {
			box-shadow: 0 -1px 6px 0 rgba(130,130,130,0.50);
		}
		.Wechat{
			background: url(../../Apps/WebApp/View/default/images/Wechat.png) no-repeat;
			    background-position: 100% 70%;
		}
		.QQspace{
			background: url(../../Apps/WebApp/View/default/images/QQspace.png) no-repeat;
			    background-position: 100% 70%;
		}
		.microblog{
				background: url(../../Apps/WebApp/View/default/images/microblog.png) no-repeat;
			    background-position: 100% 70%;
		}
		.photograph{
				background: url(../../Apps/WebApp/View/default/images/photograph.png) no-repeat;
			    background-position: 100% 70%;
			    background-color: #fff;
		}
		.spaceImg{
				background: url(../../Apps/WebApp/View/default/images/spaceImg.png) no-repeat;
			    background-position: 100% 70%;
		}
		.bookname_a1,.bookname_a{
			font-size:0.426667rem;
			color:#000;
			display:inline-block;
			margin-bottom:0.133333rem;
			
		
		}
		.bookname_a1{
			width: 100%;
			height: 0.5rem;
			    font-size: 0.266667rem;
			background: url(../../Apps/WebApp/View/default/images/czr.png) no-repeat;
			 background-position: 0% 44%;
			 margin-top: 5%;
			  color: rgb(170,170,170);
		}
		.bookname_a1>p{
			margin-left: 12%;
		}
		.wxpage{
			width: 100%;
			height: 0.5rem;
			background: url(../../Apps/WebApp/View/default/images/ys.png) no-repeat;
			display: inline-block;
			 background-position: 0% 0%;
			  margin-top: 5%;
			  color: rgb(170,170,170);
		}
		.wxpage>p{
			margin-left: 12%;
		}
		.bokname_p{
			font-size:0.266667rem;color: #3B3B3B;padding-top:0.133333rem;
			width: 100%;
			height: 0.5rem;
			background: url(../../Apps/WebApp/View/default/images/sj.png) no-repeat;
			 background-position: 0% 47%;
			  margin-top: 5%;
			   color: rgb(170,170,170);
		}
		.bokname_p>a{
				margin-left: 12%;
		}
		.wxpage_1{
			 margin-top: 1%;
		}
		/*
		 *邀请者
		 */
		.invite{
			width: 100%;
			height: 0.5rem;
			display: inline-block;
			background: url(../../Apps/WebApp/View/default/images/yqhy.png) no-repeat;
		}
		/*
		 *被邀请者
		 */
		.invite_1{
			width: 100%;
			height: 0.5rem;
			display: inline-block;
			background: url(../../Apps/WebApp/View/default/images/byq.png) no-repeat;
		}
		.bookshelf{
			background: url(http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/index/app/index/shujia.png) no-repeat  !important;
			background-position: 49% 30% !important;
			background-size: 33% !important;
			color: #87E1D5 !important;
		}
		.admonitory {
    width: 8rem;
    height: 3rem;
    border-radius: 0.5rem;
    background-color: #FFFFFF;
    position: absolute;
    margin-left: 1rem;
    top: 35%;
    box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
    z-index: 100;
     display: none; 
}
.bullet-text {
    width: 100%;
    font-size: 18px;
    text-align: center;
    line-height: 2rem;
}
.cancel, .confirm {
    position: absolute;
    width: 2.5rem;
    height: 0.8rem;
    font-size: 16px;
    text-align: center;
    background-color: #ecd53A;
    border-radius: 0.41333rem;
    margin-left: 10%;
    line-height: 0.8rem;
    color: #FFFFFF;
}
.confirm {
    right: 10%;
    background-color: #87e1d5;
}
.beijin{
	display:none;
}
.request{
	display: none !important;
}
	</style>
</head>
<body>
	<input type="hidden" name="index" id="index" value="1" />

			<div class="beijin">
				<img src="http://www.youyiku-yishu.cn/Apps/WebApp/View/default/images/shujiabeijin.png"/>
			</div>
	<!--<div class="container"></div>-->
		
		
	
<input type="hidden" class="userId" value="" />	
	<!--返回上一页-->
<input type="hidden" name="" id="recurrence" value="0" />
		<main class="main"></main>
		 <foot class="foot">
		 	 <div class="foot_center">
		 	 		<div class="indeX" onclick="index()">首页</div>
		 	 		<div class="bookshelf" onclick="bookrack()">书架</div>		 	 		
		 	 		<div class="made" onclick="made()">定制</div>
		 	 		<div class="mine" onclick="mine()">我的</div>
		 	 </div>
		 </foot>
		<input id="photoBookId" type="hidden">
		<input id="where" type="hidden">
	
	<div class="admonitory">
		<div class="bullet-text">是否退出APP</div>
		<div class="cancel">取消</div>
		<div class="confirm" onclick="closeNativePage()">确定</div>
	</div>

  </body>
<script type="text/javascript" src="../js/allBooks.js"></script>
<script type="text/javascript" src="../js/public.js"></script>
<script>
	var a = document.getElementsByClassName("shape")


	function wxbook(){
		location.href = WST.U("WebApp/WxBooks/newbook");

	};

	/*
	 *微信教程
	 */
	function wcTutorial(){
		location.href = WST.U("WebApp/WxBooks/wechartutorial");
	}

	/*
	 * 照片书教程
	 */

	function phTutorial(){
		location.href = WST.U("WebApp/WxBooks/phtutorial");
	}
	/*
	 * 订单列表
	 */

	function orderlist(){
		location.href = WST.U("WebApp/Orders/index");
	};

	/*
	 * 我的页面
	 */
	function myself(){
		location.href = WST.U("WebApp/Orders/mine");
	};
	//list

	/*
	 * 重置微信书
	 */
	function wxredo(){
		var wxNumber = $('.wxNum').val();
//		alert(wxNumber);
		$.ajax({
			type: "get",//数据发送的方式（post 或者 get）
			url: " {:U('WxBooks/updateing')}",//要发送的后台地址
			data:{'wxNumber':wxNumber},//要发送的数据（参数）格式为{'val1':"1","val2":"2"}
			dataType: "json",//后台处理后返回的数据格式
			success:function(data){
//				alert(data.status);
				$('.wxredobook').hide();
//				if(data.status==1){
				$('#wxnumber').text('更新中...')
				$('.wxpage').text('共0页')
				$('.wxbutton').remove();
//				}
			}
		})
	}
	/*
	 * 重置微博书
	 */
	function wbredo(date,i){


		$.ajax({
			type: "get",//数据发送的方式（post 或者 get）
			url: " {:U('WbBooks/updateing')}",//要发送的后台地址
			data:{'bookId':date},//要发送的数据（参数）格式为{'val1':"1","val2":"2"}
			dataType: "json",//后台处理后返回的数据格式
			success:function(data){
//				alert(data.status);
				$('.wbredobook_'+i).hide();
				$('#wbtext_'+i).text('更新中...');
				$('.wbpage_'+i).text('共0页')
				$('.wbbutton_'+i).hide();

			}
		})
	}
	/*
	 * 重置QQ说说书
	 */

	function qqredo(date,j){


		$.ajax({
			type: "get",//数据发送的方式（post 或者 get）
			url: " {:U('QqBooks/updateing')}",//要发送的后台地址
			data:{'bookId':date},//要发送的数据（参数）格式为{'val1':"1","val2":"2"}
			dataType: "json",//后台处理后返回的数据格式
			success:function(data){
//				alert(data.status);
//				alert(data.status);
				$('.qqredobook_'+j).hide();
				$('#qqtext_'+j).text('更新中...');
				$('.qqpage_'+j).text('共0页')
				$('.qqbutton_'+j).hide();
			}
		})
	}

/*
 *语音转化
 */
	function souce(){
		location.href = WST.U("WebApp/Orders/mine");
	}


    /*
 *删除照片书
 */

    function phredo(photoBookId,j){


        $('.bullet1').css('display','block');
        $('.shade').css('display','block');
        $('#photoBookId').val(photoBookId);
        $('#where').val(j);
    }



    $('.bullet-quxiao').click(function(){
        $('.bullet1').css('display','none');
        $('.shade').css('display','none');
    })



    function deletePhotoBook(){
        var photoBookId=$('#photoBookId').val();
        var j = $('#where').val();
        console.log(photoBookId,j);
        $.ajax({
            type: "post",//数据发送的方式（post 或者 get）
            url: "http://www.youyiku-yishu.cn/WebApp/AppPhotoBooks/deleteBook",//要发送的后台地址
            data:{'photoBookId':photoBookId},//要发送的数据（参数）格式为{'val1':"1","val2":"2"}
            dataType: "json",//后台处理后返回的数据格式
                beforeSend: function (XMLHttpRequest) {
		         		XMLHttpRequest.setRequestHeader("DEVICEINFO", "JxRaZezavm3HXM3d9pWnYiqqQC1SJbsU");
		       }
		  }).then(data=>{
                if(data.status==1){
                    $('.photobook_'+j).remove();
                }

            
        })

    }
    
    
    function phbook(){
	
		 location.href = "../photoNewbook/chooseModel.html";
		
	};
</script>
<script src="../js/photoNewBook/ajax.js"></script>
<!--<script src="../js/think.js"></script>-->

<script src="../js/communal.js"></script>
<script type="text/javascript" src="../js/foot1.js"></script>
<script>
//	是否退出App
$('.cancel').click(function(){
	$('.admonitory').css('display','none');
})
</script>
</html>